<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:cc="http://sourceforge.net/projects/jsf-comp"
      xml:lang="pt-br" lang="pt-br">
    
    <head>
        <title>INVEST - Seu jogo on-line do mercado de ações</title>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <link href="../resources/css/stylesheet.css" rel="stylesheet" type="text/css" />
        
    </head>
    <body>
        
        <div id="tudo">
            
            
            <div class='box'>
                <div class='boxtop'><div></div></div>
                <div class='boxcontent'>
                    <!-- Content goes here -->

                    <h2 class="dest">INVEST - Seu jogo on-line de ações</h2>
                    <h:form>
                        <div id="topo">
                            <div class="styleone">
                                <ul>
                                    <li><a href="principal.htm" title="Principal" >Principal</a></li>
                                    <li><a href="carteira.htm" title="Carteira" class="current">Carteira</a></li>
                                    <li><h:commandLink action="#{GrupoController.getGrupoJogadores}" value="Grupo" title="Grupo"/></li>
                                    <li><a href="ojogo.htm" title="Sobre o jogo">Sobre o jogo</a></li>
                                    <li><h:commandLink action="#{identity.logout}" value="Sair" title="Sair" /></li>
                                </ul>
                            </div>
                            
                        </div>
                    </h:form>
                    
                    
                    <div id="nav">
                        <h:form id="fColunaDireita">
                            <br/>
                            <ul>
                                <li><a href="principal.htm" title="Principal" >Principal</a></li>
                                <li><h:commandLink action="#{GrupoController.createSetup}" immediate="true" value="Grupo" /></li>
                                <li><a href="ojogo.htm" title="Sobre o jogo">Sobre o jogo</a></li>
                            </ul>
                            <br/>
                            <a4j:commandLink 
                                ajaxSingle="true"
                                value="Compra Ação" 
                                title="Compra Ação"
                                reRender="tpAcao"
                                oncomplete="Richfaces.showModalPanel('mpComprarAcao', {});" />
                            <br/>
                            <a4j:commandLink
                                ajaxSingle="true"
                                value="Vender Ação"
                                title="Vender Ação"
                                reRender="tpAcao"
                                oncomplete="Richfaces.showModalPanel('mpVenderAcao',{});" />
                            
                        </h:form>              
                        <!-- PAINEL DE COMPRAS DE AÇÕES -->
                        <rich:modalPanel id="mpComprarAcao" autosize="true" width="500">
                            <f:facet name="header">
                                <h:outputText value="Comprar Ações" />
                            </f:facet>
                            
                            <f:facet name="controls">
                                <h:panelGroup >
                                    <h:graphicImage value="/resources/images/panelClose.png" style="cursor:pointer" id="BarraCompra" />
                                    <rich:componentControl for="mpComprarAcao" attachTo="BarraCompra" operation="hide" event="onclick" />
                                </h:panelGroup>
                            </f:facet>
                            
                            <a4j:form id="fAdicionarJogador">
                                <a4j:loadScript  type="text/javascript" src="/resources/scripts/jquery.maskedinput-1.1.4.js" />
                                <center>
                                    <rich:messages layout="table"
                                                   errorClass="errorClass"
                                                   infoClass="infoClass"
                                                   warnClass="warnClass"
                                                   styleClass="painelMensagem"
                                                   ajaxRendered="true" />
                                </center>
                                
                                <h:panelGrid style="text-align:left;" cellpadding="2" cellspacing="2" columns="2" columnClasses="field-names, fields">
                                    <h:outputLabel for="DataTransacaoCompra">
                                        <h:outputText value="Data transacao: " />
                                    </h:outputLabel>
                                    
                                    <rich:calendar id="DataTransacaoCompra" label="Data transação: " inputClass="inputCalendar" datePattern="dd/MM/yyyy" popup="true" />
                                    
                                    <h:outputLabel for="Saldo" >
                                        <h:outputText value="#{GrupoController.grupo.saldo}" />
                                    </h:outputLabel>
                                    
                                    <h:outputLabel for="somAcaoCompra">
                                        <h:outputText value="Ação/Empresa" />
                                    </h:outputLabel>
                                    
                                    <h:selectOneMenu id="somAcaoCompra" value="#{transacaoController.acaoSelecionada}">
                                        <f:selectItems value="#{transacaoController.listaAcoes}" />
                                    </h:selectOneMenu>
                                    
                                    <h:outputLabel for="ValorCompra">
                                        <h:outputText value="Valor da compra: " />
                                        
                                    </h:outputLabel>
                                    <h:inputText id="ValorCompra" label="Valor da compra: " size="5" />
                                    
                                    <h:outputLabel value=" ou " /><br/>
                                    
                                    <h:outputLabel for="QuantidadeAcao">
                                        <h:outputText value="Quantidade de ações: " />
                                    </h:outputLabel>
                                    
                                    <h:inputText id="QuantidadeAcao" label="Quantidade de ações" size="5"/>
                                    
                                    
                                </h:panelGrid>        
                                <br/>
                                <h:commandButton style="text-align:left" 
                                                 value="Salvar"
                                                 title="Salvar"/>
                                
                                <h:commandButton style="text-align:left" value="Cancelar"
                                                 title="Cancelar" />
                                
                            </a4j:form>
                        </rich:modalPanel>
                        <!-- FIM DO PAINEL DE COMPRAS DE AÇÕES -->
                        
                        <!-- PAINEL DE VENDAS DE AÇÕES -->
                        <rich:modalPanel id="mpVenderAcao" autosize="true" width="500">
                            <f:facet name="header">
                                <h:outputText value="Vender Ações" />
                            </f:facet>
                                
                                <f:facet name="controls">
                                    <h:panelGroup>
                                        <h:graphicImage value="/resources/images/panelClose.png" style="cursos:pointer" id="BarraVenda" />
                                        <rich:componentControl for="mpVenderAcao" attachTo="BarraVenda" operation="hide" event="onclick" />
                                    </h:panelGroup>
                                </f:facet>
                                
                        </rich:modalPanel>
                        <!-- FIM DO PAINEL DE VENDAS DE AÇÕES -->
                    </div>
                    
                    
                    
                    <div id="principal">
                        <h2>Carteira</h2>
                        <h:form>
                            <p>Todos as ações que foram compradas pelo grupo, estão listadas aqui.</p>
                            
                            <rich:dataTable id="dtAcoes"
                                            width="100%"
                                            rows="10" sortMode="single"
                                            cellpadding="2" cellspacing="2">
                                
                                <rich:column>
                                    <f:facet name="header">
                                        Data cotação
                                    </f:facet>
                                </rich:column>
                                
                                <rich:column>
                                    <f:facet name="header">
                                        Ação/Empresa
                                    </f:facet>
                                </rich:column>
                                
                                <rich:column>
                                    <f:facet name="header">
                                        Ultima transação
                                    </f:facet>
                                </rich:column>
                                
                                <rich:column>
                                    <f:facet name="header">
                                        Percentual
                                    </f:facet>
                                </rich:column>
                                
                                <f:facet name="footer">
                                    <rich:datascroller id="dsAcao" for="dtAcoes"/>
                                </f:facet>
                            </rich:dataTable>
                            
                        </h:form>
                        
                        <br/>
                        <br/>
                        <br/><br/>
                        <br/>
                        <br/>
                        <br/>
                        <br/>
                        <br/>
                        <br/><br/><br/><br/><br/><br/><br/><br/>
                        
                        
                        
                    </div>
                    
                    <div id="apoio">
                        <center><h2 class="dest">Indice das ações</h2></center>
                        <h:form>
                            <rich:dataTable id="dtCotacao" var="c"
                                            value="#{cotacoesDM}"
                                            rows="10" sortMode="single" 
                                            cellpadding="0" cellspacing="2">
                                
                                
                                <f:facet name="footer">
                                    <rich:datascroller id="dsCotacao" for="dtCotacao"/>
                                </f:facet>
                            </rich:dataTable>
                            
                        </h:form>
                        
                    </div>
                    
                    <div id="rodape">
                        <p>INVEST &copy; 2008 Todos os direitos reservados ao grupo responsável deste trabalho</p>
                        
                    </div>
                    
                </div>
            </div>
            <div class='boxbottom'><div></div></div>
        </div>
    </body>
</html>
